@charset "utf-8";
@import "common/reset";
@import "common/common";

header{
    border: 1px solid #ccc;
}
.banner{
    width: 100%;
    overflow: hidden;
    img{
        width: 100%;
    }
}

.c-logo{
    text-align: center;
    margin-top: 74px;
    margin-bottom: 128px;
}
.content{
    width: 953px;
    margin: auto;
    position: relative;
    >div{
        float: left;
        margin-right: 54px;
        &:last-child{
            margin-right: 0;
        }
    }
    .imgfix{
        width: 386px;
        height: 218px;
        box-sizing: border-box;
        border:4px solid #b5b5b5;
        overflow: initial;
        img{
            width:100%;
            position: relative;
            top: -11px;
            left: -10px;
        }
    }
    .c-letter{
        text-align: left;
        width: 505px;
        .c-title{
            border-bottom: 2px solid #c8c8c8;
            padding-bottom: 11px;
            display: inline-block;
            line-height: 1;
            p{
                text-transform: uppercase;
            }
            *{
                text-align: left;
            }
        }
        h5{
            font-size: 44px;
            margin-bottom: 4px;
        }
        >p{
            font-size: 16px;
            color: #5c5c5c;
            
            line-height: 44px;
        }
    }
}

.guidelines{
    left: 59px;
}
.result{
    right: 53px;
    text-align: right;
    margin-top: 201px;
    margin-bottom: 124px;
    .c-letter{
        text-align: right;
        width: 505px;
        .c-title{
            *{
                text-align: right;
            }
        }
    }    
}
.display_wall{
    .title{
        margin-bottom: 70px;
        h3{
            font-size: 44px;
        }
        .line{
            margin: 10px auto;
            width: 115px;
            background: #c8c8c8;
        }
        p{
            text-transform: uppercase;
            font-size: 16px;
        }
    }
    .display-wall-pic{
        width: 100%;
        img{
            width: 100%;
        }
    }
}
